사용설명서
②
①
③
④
② 파일/목차 리스트 제공
디렉토리 : e-book 폴더 구조
목차 : e-book 전체 목차 리스트
디렉토리 버튼 클릭 시, 변경됩니다.
① 다양한 기능 제공
파일 탭 : 새 e-book 파일 생성 및 불러오기 등 파일에 관련된 기능
편집 탭 : 뒤로가기, 복사하기, 찾기 등 기본 편집 기능
도구상자 탭 : 제목, 리스트, 굵게, 표 등 추가할 수 있는 다양한 기능
스타일 탭 : 글자에 스타일을 추가 할 수 있는 기능.
도움말 탭 : 설명서
③ 입력창
xhtml 파일 입력 및 편집
④ 알람 메시지
성공/ 실패 메시지
1. 새 E Book 생성
1) 파일 탭 > 이북 생성하기 클릭
2) 작성하기
E-book 이름 : 생성할 e-book 폴더의 이름. 필수사항.
단, 특수문자(?,/,< 등)을 사용하실 수 없습니다.
위치 : 생성할 e-book 폴더의 위치. 필수사항.
이미지 : 생성할 e-book 표지 이미지.
단, 선택하지 않을 시, 미리 제작된 기본 이미지가 제공됩니다.
< 기본 제공 이미지 >
생성
< 작성 예시 >
E-book 이름 : ‘newEBook’
위치 : 바탕화면
이미지 : 기본 이미지
! 주의
‘이북생성하기’ 버튼 클릭 시, 아무 반응이 없으면, 각 항목 아래의
안내 메시지를 참고해주세요.
< 생성 성공 >
! 주의
‘이북생성하기’ 성공 시, e-book에는 표지만 있습니다. 내용을
작성하기를 원하실 경우, ‘2. 새 챕터 생성＇를 참고해주세요.
2. 목차 추가
1) 파일 탭 > 목차 추가하기 클릭
2) 작성하기
목차 이름 : 각 xhtml의 제목.
! 주의
‘목차 이름‘은 xhtml 파일 이름이 아니라 생성된 파일 내 제목입니다.
< 작성 예시 >
목차 이름 : 첫번째
< 생성 성공 >
첫번째‘chapter01.xhtml’은 추가된 목차 파일입니다. ‘목차
추가하기’를 반복할 경우, chapter[숫자].xhtml 형식의
파일이 생성됩니다. 단, 숫자는 1씩 증가하여 생성됩니다.
<h1> 태그 안에 사용자가 입력한 목차 제목이 입력됩니다.
3. 기존의 이북 불러오기
1) 파일 탭 > 이북 불러오기 클릭
2) 불러올 이북 선택
! 주의
ePUB 폴더(e-book 폴더)이 아닌 다른 폴더 선택 시, 불러오는
과정에서 오류가 발생할 수 있습니다. 이는 프로그램의 중지되는
등의 심각한 오류를 야기할 수 있습니다.
< 불러오기 성공 >
4. 이북 저장하기
1) 파일 탭 > 이북 저장하기 클릭
‘저장하기’ 버튼을 클릭할 경우, 오른쪽 하단에
안내메시지가 나옵니다.
변경된 내용이 xhtml파일에 저장됩니다.
5. 이북 미리보기
1) 파일 탭 > 이북 미리보기 클릭
2) 새 창으로 확인하기
! 주의
‘미리보기’의 경우 마지막으로 저장된 파일 내용으로 미리보기를
지원합니다.사용자가 수정한 내용과 맞지 않는 경우 이전으로
돌아가서 저장하기를 눌러주십시오.
6. EPUB으로 내보내기
1) 파일 탭 > EPUB으로 내보내기 클릭
2) 작성하기
EPUB이란, e-book 확장자를 의미합니다. ‘ePUB 내보내기’를 할 경우, EPUB 파일
형태로 저장합니다. 이 파일은 다른 e-book 리더에서 열 수 있습니다.
책 이름 : e-book 파일의 이름.
작성자 : e-book 파일에 표시될 작성자 명.
< 작성 예시>
책 이름 : ‘sample’
작성자 : ‘dabook’
3) 파일 저장하기
Epub 파일로 변환 및 저장에 성공한 경우, 오른쪽 하단에 안내 메시지가
나옵니다. 변환된 파일은 저장된 위치에서 확인 할 수 있습니다.
< 결과 화면 >
< 내보낸 e-book를 yes24 뷰어로 열기 >
①
② ③
① : 기본 이미지로 작성된 표지를 확인할 수 있습니다.
② : 페이지 하단에 작성자 이름을 확인할 수 있습니다.
③ : 각 페이지마다 쪽 번호를 확인할 수 있습니다.
6. 단어 검색하기
1) 편집 탭 > 단어 찾기 클릭
편집
1. 뒤로가기 Undo
2. 취소하기 Redo
3. 오려두기
4. 복사하기
단축키 : ctrl + q
단축키 : ctrl + f
단축키 : ctrl + w
단축키 : ctrl + e
5. 붙여넣기
단축키 : ctrl + d
! 주의
Redo, Undo 사용할 때, ctrl+z, ctrl+y 사용하면 텍스트 내용이 변경될 수 있습니다.
2) 찾을 단어 입력
찾고 싶은 단어를 ‘단어 찾기‘ 부분에 입력하고 버튼을 클릭합니다.
< 결과 화면 >
찾은 단어의 개수와 각각의 위치를 알려줍니다.
화살표를 이용하여 다음/이전 검색 결과로 이동할 수
있습니다.
7. 단어 변경하기
1) 편집 탭 > 단어 변환하기 클릭
2) 작성하기
찾고 싶은 단어(A)를 바꾸고 싶은 단어(B)로 변경합니다.
Aa : 대소문자 구별없이 검색하여 변경
All : 모든 내용을 변경
! 주의
All 체크 시, 별도의 안내 메시지없이 바로 변경됩니다.
< 작성 예시 및 결과 화면 >
찾고 싶은 단어 : 첫
바꾸고 싶은 단어 : 두
조건 : 모든 항목 변경
< Before > <After>
도구상자
1. 제목
H1 ~ H6 까지의 제목을 제공하며, 숫자가 작을 수록 상위 단의 제목입니다.
1) 적용할 부분 드래그
버튼을 누르기 전, 드래그는 필수사항입니다.
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다.
2) 적용할 버튼 클릭
< 작성 예시 및 결과 화면 >
적용할 부분 : 두 번째
적용할 버튼 : H4
2. 이탤릭체
글자 기울기 효과입니다
1) 적용할 부분 드래그
버튼을 누르기 전, 드래그는 필수사항입니다.
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다
2) 적용할 버튼 클릭
< 작성 예시 및 결과 화면 >
적용할 부분 : 두 번째
적용할 버튼 :
I
3. Enter
Enter 효과를 위한 <br>태그를 추가합니다.
동일한 단락에서 enter가 필요할 때 사용합니다.
입력 창에서 enter를 입력할 경우, 단락을 구분하기 위한 <p>가 추가됩니다.
< 작성 예시 및 결과 화면 >
적용할 부분 : ‘두 번째 페이지입니다‘에서 페이지 앞 위치
적용할 버튼 :
1) 추가할 위치에서 버튼 클릭
4.. 가로선
가로선 효과를 위한 <hr>태그를 추가합니다.
< 작성 예시 및 결과 화면 >
적용할 부분 : ‘두 번째 페이지입니다‘에서 페이지 앞 위치
적용할 버튼 :
1) 추가할 위치에서 버튼 클릭
5. 인용구
가로선 효과를 위한 <hr>태그를 추가합니다.
1) 적용할 부분 드래그
버튼을 누르기 전, 드래그는 필수사항입니다.
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다.
2) 적용할 버튼 클릭
< 작성 예시 및 결과 화면 >
적용할 부분 : 두 번째 페이지입니다.
적용할 버튼 :
5. 인용문
인용문 효과를 위한 <cite>태그를 추가합니다.
1) 적용할 부분 드래그
버튼을 누르기 전, 드래그는 필수사항입니다.
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다.
2) 적용할 버튼 클릭
< 작성 예시 및 결과 화면 >
적용할 부분 : 두 번째 페이지입니다.
적용할 버튼 :
6. 굵게
글자에 굵게 효과를 위한 <strong>태그를 추가합니다.
1) 적용할 부분 드래그
버튼을 누르기 전, 드래그는 필수사항입니다.
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다.
2) 적용할 버튼 클릭
< 작성 예시 및 결과 화면 >
적용할 부분 : 두 번째
적용할 버튼 :
6. 밑줄
글자 하단의 밑줄 효과를 위한 <u>태그를 추가합니다.
1) 적용할 부분 드래그
버튼을 누르기 전, 드래그는 필수사항입니다.
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다.
2) 적용할 버튼 클릭
< 작성 예시 및 결과 화면 >
적용할 부분 : 두 번째
적용할 버튼 :
7. 취소선
글자 중간의 취소선 효과를 위한 <del>태그를 추가합니다.
1) 적용할 부분 드래그
버튼을 누르기 전, 드래그는 필수사항입니다.
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다.
2) 적용할 버튼 클릭
< 작성 예시 및 결과 화면 >
적용할 부분 : 두 번째
적용할 버튼 :
7. 아래첨자
아래 첨자 효과를 위한 <sub>태그를 추가합니다.
1) 적용할 부분 드래그
버튼을 누르기 전, 드래그는 필수사항입니다.
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다.
2) 적용할 버튼 클릭
< 작성 예시 및 결과 화면 >
적용할 부분 : 두 번째
적용할 버튼 :
7. 아래첨자
아래 첨자 효과를 위한 <sub>태그를 추가합니다.
1) 적용할 부분 드래그
버튼을 누르기 전, 드래그는 필수사항입니다.
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다.
2) 적용할 버튼 클릭
< 작성 예시 및 결과 화면 >
적용할 부분 : 두 번째
적용할 버튼 :
8. 순서 없는 목록
목록 효과를 위한 <ul>, <li> 태그를 추가합니다.
< 작성 예시 및 결과 화면 >
적용할 부분 : ‘두 번째 페이지입니다‘에서 페이지 앞 위치
적용할 버튼 :
1) 추가할 위치에서 버튼 클릭
9. 순서 있는 목록
목록 효과를 위한 <ol>, <li> 태그를 추가합니다.
< 작성 예시 및 결과 화면 >
적용할 부분 : ‘두 번째 페이지입니다‘에서 페이지 앞 위치
적용할 버튼 :
1) 추가할 위치에서 버튼 클릭
10. 이미지
이미지를 추가할 때, 사용합니다.
내컴퓨터 내 이미지 파일만 첨부 가능합니다.
1) 추가할 위치에서 버튼 클릭
2) 이미지 선택
< 결과 화면 >
11. 링크
원하는 부분에 링크를 연결할 수 있습니다.
인터넷 url 링크 연결이 가능합니다.
1) 적용할 부분 드래그
버튼을 누르기 전, 드래그는 필수사항입니다.
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다.
2) 링크 버튼 클릭
3) 링크 작성하기
< 작성 예시 >
링크 : www.naver.com
! 주의
링크를 클릭 시, 흰 화면이 나올 경우, url를 확인해주세요. 만약
변경사항이 있다면, 입력창에서 url을 변경하세요.
< 결과 화면 >
12. 표
원하는 행,열 크기를 설정할 수 있습니다.
표이름, 행, 열을 위한 <table> <caption> <thread> <tr> <td> 태그
추가합니다
1) 표 버튼 클릭
2) 표 행/열 크기 작성하기
! 주의
행, 열을 0으로 입력해도 표는 생성됩니다. 표 생성을 취소하고
싶다면, ‘취소’버튼을 눌러주세요.
< 작성 예시 >
행 : 3
열 : 2
< 결과 화면 >
표이름과 행, 열의 개수에 맞춰 tr, td,가 생성되었습니다.
<table> 태그는 표의 시작과 끝을 의미합니다. 편집 시
주의 바랍니다.
스타일
1. 정렬
왼쪽, 가운데, 오른쪽, 양쪽 정렬을 지원합니다.
단락을 의미하는 <p>를 기준으로 적용됩니다.
1) 문단 선택
2) 버튼 클릭
적용할 문단에 키보드 커서를 위치시킵니다.
문단이란, <p> </p>로 감싸진 부분을 의미합니다.
< 결과 화면 >
2. 텍스트 색
텍스트에 색을 변경할 수 있습니다.
원하는 색을 선택할 수 있습니다.
1) 색 선택
A 버튼에서 마우스 오른쪽 클릭
(1) 마우스 오른쪽 클릭
(2) 색 선택
RGBA 값으로 색 설정을 지원합니다.
직접 원하는 색을 찾을 수 있습니다.
2) 색 적용
(1) 색 변경할 부분 드래그
버튼을 누르기 전, 드래그는 필수사항입니다.
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다.
< 결과 화면 >
2. 배경색
텍스트 배경색을 변경할 수 있습니다.
원하는 색을 선택할 수 있습니다.
! 주의
페이지 배경색이 아닌 글자 배경색을 의미합니다.
(2) 버튼 클릭
1) 색 선택
버튼에서 마우스 오른쪽 클릭
(1) 마우스 오른쪽 클릭
(2) 색 선택
RGBA 값으로 색 설정을 지원합니다.
직접 원하는 색을 찾을 수 있습니다.
2) 배경색 적용
(1) 배경색 변경할 부분 드래그
버튼을 누르기 전, 드래그는 필수사항입니다.
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다.
< 결과 화면 >
(2) 버튼 클릭
3. 글꼴
텍스트 글꼴을 변경할 수 있습니다.
원하는 글꼴을 선택할 수 있습니다.
1) 적용할 부분 드래그
버튼을 누르기 전, 드래그는 필수사항입니다.
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다.
2) 글꼴 버튼 클릭
3) 글꼴 선택하기
< 결과 화면 >
4. 글자 크기 변경
글자 크기를 변경할 수 있습니다.
5단계의 크기를 제공합니다.
1) 적용할 부분 드래그
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다.
2) 버튼 클릭
< 결과 화면 >
5. 나만의 스타일
사용자가 원하는 스타일을 만들 수 있습니다.
1) 스타일 만들기
(1) 버튼 클릭
(2) ‘스타일 추가하기‘ 클릭
(3) 작성하기
< 작성 예시 >
< 결과 화면 >
2) 스타일 적용하기
(1) 적용한 부분 드래그
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다.
(2) 스타일 버튼 클릭
(3) 적용할 스타일 선택
< 결과 화면 >
